<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <script>
    	function closeLoginPage(){
			$("#loginStorey").css("display","none");
        }
    	function chang_condition(){
    		$("#loginButton").html("登录中");
    		$("#loginButton").css("margin-left","30px");
    		$("#login_button_parent").css({"background":"#cccccc"});
    		$("#loading").css("display","block");
    	}
    	function original_condition(){
    		$("#loginButton").html("登录");
    		$("#loginButton").css("margin-left","45px");
    		$("#login_button_parent").css({"background":"#8CC700"});
    		$("#loading").css("display","none");
		}
    </script>
    <style type="text/css">
	.login{
		border: none; 
		border-style: none; 
		width: 120px; 
		height: 30px; 
		border-radius: 4px; 
		background: #8CC700/* #51AB02 */; 
		color: #FFFFFF; 
		cursor: pointer;
		font-size: 15px;
		text-align: center;
		line-height: 30px;
		text-align: center;
	}
	.box{
		height: 35px;
		width: 120px;
		padding: 10px;
	}

</style>
<!-- 登录 -->
	<div id="loginStorey" style="position: fixed;z-index: 1000;width: 100%;height: 100%;left: 0;top:10%;display:none; font-size: 12px;">
					<div id="login" style="width: 424px;height: 350px;border:1px solid gray;background-color: white;margin-left: 500px;margin-top: 100px;">
							<div style="width: 424px;height: 36px;border-bottom: 1px solid #E8E8E8;">
								<div style="float: left;font-weight: bold;width: 370px;height: 36px;line-height: 36px;margin-left: 15px;font-size: 15px;">登录</div>
								<div style="float: left;width: 36px;height:36px;margin-left: 2px;"><img style="cursor: pointer;" title="点击关闭登录框" onclick="closeLoginPage()" src="<%=request.getContextPath() %>/resource/images/pages/close.jpg"></div>
								<div style="clear: both;"></div>
							</div>
							<div style="margin-left: 50px; margin-top: 5px; width: 300px; height: 30px; text-align: center; color: red; font-size: 12px;" id="login_before_error_message"></div>
							<div style="margin-left: 50px;width: 300px;height:60px;margin-top: 10px;">
								<div style="float: left;width: 60px;height: 35px;text-align: center;line-height: 35px;font-size: 15px;">邮箱</div>
								<div style="float: left;">
									<input id="userLoginName" type="text" style="height:30px;width:220px;"  >
								</div>
								<div style="clear:both;"></div>
								<div id="errorLoginUserName" style="margin-left: 65px;;height:15px;width:220px;margin-top: 5px;text-align: left;">
									
								</div>
							</div>
							<div style="margin-left: 50px;width: 300px;height:60px;">
								<div style="float: left;width: 60px;height: 35px;text-align: center;line-height: 35px;font-size: 15px;">密码</div>
								<div style="float: left;">
									<input id="userLoginPassword" type="password" style="height:30px;width:220px;"  maxlength="10" >
								</div>
								<div style="clear:both;"></div>
								<div id="errorLoginUserPassword" style="margin-left: 65px;;height:25px;width:220px;margin-top: 5px;text-align: left;">
								
								</div>
							</div>
							<div style="width: 200px;height: 30px;margin-left: 110px;">
								<!-- <input type="checkbox" align="top">记住我的登录状态 -->
							</div>
							<div style="margin-left: 110px;height: 40px;float: left;width: 120px; ">
									<div id="login_button_parent" class="login">
										<div id="loginButton" style="margin-left: 45px;float: left;">登录</div>
										<div id="loading" style="float: left;display: none"><img src="<%=request.getContextPath() %>/resource/images/pages/loading.gif" style="width: 20px; height: 20px;margin-top: 5px;"></div>
									</div>
									<div class="box"></div>
								
									<!--<div><input type="submit" id="loginButton" class="button_style" value="登录"></div>
									--><!--<div style="width: 150px;height: 40px;">
										<div style="float: left;"><img src="<%=request.getContextPath() %>/resource/images/pages/loading.gif"></div>
									<div style="margin-left: 5px;margin-top:10px;float: left;">正在登陆中...</div>
									
									</div>									
							--></div>
							<div style="margin-left: 30px;color:blue;float: left;margin-top: 10px;">还没有账号?<a href="<%=request.getContextPath() %>/user/regist" target="_blank">去注册</a></div>
						</div>
					<div style="clear:both;"></div>
	</div>